<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SuperAI Website</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.10.3/font/bootstrap-icons.min.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@400;700&display=swap">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
  </head>
  <body>
    <div class="menu-wrapper">
        <div class="icon-boxer">
            <div class="icon-item icon-message" data-id="message"></div>
            <div class="icon-item icon-menu" data-id="menu"></div>
            <div class="icon-item icon-chat" data-id="chat"></div>
        </div>
        <div class="popup-boxer">
            <div class="popup-item popup-message">
                <div class="popup-close"><i class="bi bi-x-circle-fill"></i></div>
                <div class="popup-arrow"></div>
                <div class="popup-inner glow-border">
                    <div class="row">
                        <div class="col-md-12 popup-title">Leave A Message</div>
                        <div class="col-md-12 popup-desc">We're a consecutive multi-award winning AI & Software Company, for the 2nd Year running!</div>
                        <div class="col-md-12 form-boxer">
                            <div class="min-height">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" class="form-control mb-3" placeholder="Name" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="email" class="form-control mb-3" placeholder="Email" />
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control mb-3" placeholder="Phone Number" />
                                    </div>
                                </div>                            
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" class="form-control mb-3" placeholder="Please select an area of interest" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" class="form-control mb-3" placeholder="$ Please select your project budget" />
                                    </div>
                                </div>                            
                                <div class="row">
                                    <div class="col-md-12">
                                        <textarea cols="8" class="form-control mb-3" placeholder="Your Enquiry..."></textarea>
                                    </div>
                                </div>                            
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="glow-button">Send Enquiry &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/icon-arrow-right.png" class="button-arrow" /></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="popup-item popup-menu">
                <div class="popup-close"><i class="bi bi-x-circle-fill"></i></div>
                <div class="popup-arrow"></div>
                <div class="popup-inner glow-border">
                    <div class="row">
                        <div class="col-md-12 popup-title">Site Menu</div>
                        <div class="col-md-12 popup-desc">We're a consecutive multi-award winning AI & Software Company, for the 2nd Year running!</div>
                        <div class="col-md-12 menu-boxer">
                            <div class="min-height">
                                <ul>
                                    <li>
                                        <a class="link-home" href="/"><i class="bi bi-house-fill"></i>Home</a>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second link-hassub"><i class="bi bi-arrow-right-circle-fill"></i> How AI will revolutionise your business</a>
                                        <ul>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Whitepaper for SMEs</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Automation of key business processes with AI</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Digital Transformation with AI</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Omnichannel/Multi Modal AI</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second"><i class="bi bi-arrow-right-circle-fill"></i> Success Stories</a>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second link-hassub"><i class="bi bi-arrow-right-circle-fill"></i> Solutions</a>
                                        <ul>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> SuperChat</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Custom Copilots</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> AI Voice Apps</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Computer Vision Apps</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> AI Development</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> AI Business Intelligence</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second link-hassub"><i class="bi bi-arrow-right-circle-fill"></i> Technology</a>
                                        <ul>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Azure OpenAI</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> ChatGPT generative AI and LLMs</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Machine & Deep learning with AI</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second link-hassub"><i class="bi bi-arrow-right-circle-fill"></i> About SuperAi</a>
                                        <ul>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Privacy Policy</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Contact Info</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Working with SuperAI</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Awards</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Team</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Business Show 24</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Digital Brochure</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="link-second link-hassub"><i class="bi bi-arrow-right-circle-fill"></i> Get Started on your AI Journey</a>
                                        <ul>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Ai Hour of Power</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Building your tech startup</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Workshops</a>
                                            </li>
                                            <li>
                                                <a href="#" class="link-third"><i class="bi bi-file-earmark-fill"></i> Whitepaper for SMEs</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="popup-item popup-chat">
                <div class="popup-close"><i class="bi bi-x-circle-fill"></i></div>
                <div class="popup-arrow"></div>
                <div class="popup-inner glow-border">
                    <div class="row">
                        <div class="col-md-12 popup-title">Be the first to access Super AI</div>
                        <div class="col-md-12 popup-desc">- Join the waiting list</div>
                        <div class="col-md-12 form-boxer">
                            <div class="min-height">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" class="form-control mb-3" placeholder="Name" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="email" class="form-control mb-3" placeholder="Email" />
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" class="form-control mb-3" placeholder="Phone Number" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <button class="glow-button">Join Waiting List &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/icon-arrow-right.png" class="button-arrow" /></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="logo">
      <img src="images/superAI-logo.png" alt="SuperAI Logo" />
    </div>
    <!-- Header Section -->
    <header class="carousel" id="swiper1">
    <div class="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="images/banner.png" class="d-block w-100 carousel-image" alt="Header Image" />
          <div class="description-right">
            <h1>Build an AI Copilot to give you a superhuman extra virtual employee</h1>
            <p><button class="glow-button">Talk To Super Ai&nbsp;&nbsp;&nbsp;&nbsp;<i class="bi bi-arrow-right"></i></button></p>
          </div>
        </div>
        <div class="swiper-slide">
          <img src="images/banner2.png" class="d-block w-100 carousel-image" alt="Header Image" />
          <div class="description-left">
            <h1>Build an AI Copilot to give you a superhuman extra virtual employee</h1>
            <p>Here at Superluminal we are software engineers, so we design our software from scratch, constructing critical systems that align to process and hyper charge your business</p>
          </div>
        </div>
        <div class="swiper-slide">
          <img src="images/Industry-bg2.png" class="d-block w-100 carousel-image" alt="Header Image" />
          <div class="description-right">
            <h1>Build an AI Copilot to give you a superhuman extra virtual employee</h1>
            <p><button class="glow-button">Talk To Super Ai&nbsp;&nbsp;&nbsp;&nbsp;<i class="bi bi-arrow-right"></i></button></p>
          </div>
        </div>
        <!-- Add more carousel items as needed -->
      </div>
    </div>
      <div class="swiper-number"></div>
      <div class="d-flex mt-5">
        <div style="height: 3px" class="progress carousel-progressbar">
          <div class="progress-bar bg-danger" style="width: 33%"></div>
          <div class="progress-bar bg-none" style="width: 33%"></div>
          <div class="progress-bar bg-none" style="width: 33%"></div>
        </div>
        <div class="align-self-end">
          <button class="btn border-danger btn-md m-1 text-danger btn-prev" type="button">
            <i class="bi bi-arrow-left"></i>
          </button>
          <button class="btn bg-danger btn-md m-1 text-white btn-next" type="button">
            <i class="bi bi-arrow-right"></i>
          </button>
        </div>
      </div>
    </header>
    <section class="scetion-container-full" >
      <section class="logobar mt-5">
          <div class="logoitem"><img src="images/logo-MicrosoftTeams.png" /></div>
          <div class="logoitem"><img src="images/logo-Office365.png" /></div>
          <div class="logoitem"><img src="images/logo-NopCommerce.png" /></div>
          <div class="logoitem"><img src="images/logo-MicrosoftPartner.png" /></div>
          <div class="logoitem"><img src="images/logo-AspNetCore.png" /></div>
          <div class="logoitem"><img src="images/logo-PowerSuite2022.png" /></div>
          <div class="logoitem"><img src="images/logo-MicrosoftTeams2.png" /></div>
          <div class="logoitem"><img src="images/logo-xamarin.png" /></div>
      </section>
    </section>
    <!-- Services Section -->
    <section class="scetion-container-full p-5" style="background-image: url(images/helpbusiness-bg.png);" id="swiper2">
      <h1 class="text-left  m-5 ">How Can We Help Your Business?</h1>
      <div class="row">
        <div class="col-md-12 col-lg-3">
          <div class="swiper-number" style="display:none"></div>
          <ul class="services-list">
            <li><span>01</span> <span class="title active">Software Development</span></li>
            <li><span>02</span> <span class="title">App & SaaS Development</span></li>
            <li><span>03</span> <span class="title">Artificial Intelligence</span></li>
            <li><span>04</span> <span class="title">AI Conversational BOTs</span></li>
            <li><span>05</span> <span class="title">Smart Speaker Apps</span></li>
            <li><span>06</span> <span class="title">Web Development</span></li>
            <li><span>07</span> <span class="title">Cloud E-Commerce</span></li>
            <li><span>08</span> <span class="title">CRM Systems</span></li>
            <li><span>09</span> <span class="title">Business Intelligence</span></li>
        </ul>
        </div>
        <div class="col-md-12 col-lg-5">
          <div class="carousel">
            <div class="swiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="images/service-image1.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image2.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image3.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image1.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image2.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image3.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image1.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image2.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <div class="swiper-slide">
                    <img src="images/service-image3.png" class="d-block w-100 help-carousel-image" alt="Header Image" />
                  </div>
                  <!-- Add more carousel items as needed -->
                </div>
            </div>
            <div class="d-flex mt-2">
                  <div style="height: 3px" class="progress carousel-progressbar">
                      <div class="progress-bar bg-danger" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                      <div class="progress-bar bg-none" style="width: 11%"></div>
                  </div>
                <div class="align-self-end">
                  <button class="btn border-danger btn-md m-1 text-danger btn-prev" type="button">
                    <i class="bi bi-arrow-left"></i>
                  </button>
                  <button class="btn bg-danger btn-md m-1 text-white btn-next" type="button">
                    <i class="bi bi-arrow-right"></i>
                  </button>
                </div>
            </div>
          </div>
        </div>
        <div class="col-md-12 col-lg-3">
          <div class="service-description">
            <h3>Enterprise Cloud Software Development</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>App & SaaS Development</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>Artificial Intelligence</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>AI Conversational BOTs</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>Smart Speaker Apps</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>Web Development</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>Cloud E-Commerce</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>CRM Systems</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
          <div class="service-description" style="display:none">
            <h3>Business Intelligence</h3>
            <div class="expand-content">
            <p>
              Here at Superluminal we are software engineers, your business. We can also
              maintain and upgrade charge your business. charge your business. We can also maintain and upgrade your current Microsoft System or App if its starting  We can  We can also maintain and upgrade your current Microsoft System or App if its starting  also maintain and upgrade your current Microsoft System or App if its starting  to hinder or requires change to meet with business maintain and upgrade your current Microsoft System or App if its starting to hinder or requires change to meet with business to hinder or requires change to meet with business needs..
            </p>
            </div>
            <div class="expand-button">
              <button class="btn btn-outline-dark">Explore More
                <i class="bi bi-arrow-right"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Industry Solutions Section -->
    <section class="scetion-container-full industry-boxer" id="swiper3">
        <h1 class="text-left my-5"> Solving Industry-Wide Business Challenges</h1>
        <div class="Industry glow-border">
          <div class="ai-copilot-section">
            <div class="left-panel">
                <h2>Business<br />problem-solving<br />across sectors</h2>
                <p><strong>AI Copilot</strong></p>
            </div>
            <div class="owl-carousel ai-copilot-carousel">
              <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">1</div>
                        <h3>Banking</h3>
                        <p>We help you drive holistic growth with a secure, boundaryless, and humane approach.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">2</div>
                        <h3>Consumer Goods and Distribution</h3>
                        <p>We help you fulfill omnichannel demand and sustainable consumption.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">3</div>
                        <h3>Healthcare</h3>
                        <p>We help you realize intelligent, connected, and patient-centric healthcare.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">4</div>
                        <h3>Communications & Media</h3>
                        <p>Digital shift demands CMI companies evolve as digital experience leaders.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">5</div>
                        <h3>Banking</h3>
                        <p>We help you drive holistic growth with a secure, boundaryless, and humane approach.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">6</div>
                        <h3>Consumer Goods and Distribution</h3>
                        <p>We help you fulfill omnichannel demand and sustainable consumption.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">7</div>
                        <h3>Healthcare</h3>
                        <p>We help you realize intelligent, connected, and patient-centric healthcare.</p>
                    </div>
                    <div class="swiper-slide ai-copilot-carousel-card">
                        <div class="number">8</div>
                        <h3>Communications & Media</h3>
                        <p>Digital shift demands CMI companies evolve as digital experience leaders.</p>
                    </div>
                </div>
              </div>
            </div>
            <button class="btn border-danger btn-md m-1 text-danger ai-copilot-carousel-control prev btn-prev"><i class="bi bi-arrow-left"></i></button>
            <button class="btn bg-danger btn-md m-1 text-white ai-copilot-carousel-control next btn-next"><i class="bi bi-arrow-right"></i></button>
          </div>
        </div>
        <div class="d-flex my-5 pb-5 swiper-progressbar">
            <div style="height: 3px" class="progress carousel-progressbar"></div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer class="footer-wrapper">
        <div class="row">
            <div class="col-md-12 col-lg-7">
                <div class="row">
                    <div class="col-md-12 pt-3">
                        <h4>Core Services Stack</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-lg-6 pt-3">
                        <ul>
                            <li><a href="#">AI Software Development</a></li>
                            <li><a href="#">AI Conversational Chat BOT Development</a></li>
                            <li><a href="#">AI Copilot Development</a></li>
                            <li><a href="#">App Development</a></li>
                            <li><a href="#">Business Intelligence Development</a></li>
                            <li><a href="#">Cloud E Commerce Development</a></li>
                            <li><a href="#">Cloud Web Portal Development</a></li>
                        </ul>
                    </div>
                    <div class="col-md-12 col-lg-6 pt-3">
                        <ul>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-2">
                <div class="row">
                    <div class="col-md-12 pt-3">
                        <h4>Quick Links</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 pt-3">
                        <ul>
                            <li><a href="#">What we do</a></li>
                            <li><a href="#">What we are</a></li>
                            <li><a href="#">Solutions</a></li>
                            <li><a href="#">Success Story</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-3">
                <div class="row">
                    <div class="col-md-12 pt-3">
                        <h4>Our Location</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 pt-3">
                        <p>We are situated a brisk 10 minute walk from Oxford Station, and Oxford City Centre.</p>
                        <p>By road we are also minutes away from the A34 and Oxford Ring Road, for easy access to either the M4, or M40.</p>
                        <p>
                            Roger House<br />                             Osney Mead<br />                             Oxford<br />                             OX2 0ES<br />
                        </p>
                    </div>
                    <div class="col-md-12 pt-3 pb-5">
                        <button class="red-button">Directions&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/icon-arrow-right-red.png" class="button-arrow" /></button>
                    </div>
                    <div class="col-md-12 pt-5">
                        <a href="https://www.linkedin.com/" target="_blank"><img src="images/icon-linkedin.png" class="logo-icon" /></a>
                        <a href="https://twitter.com/" target="_blank"><img src="images/icon-twitter.png" class="logo-icon" /></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="js/scripts.js"></script>
  </body>
</html>
